/*
 *  1. 局部注册
 *     step1：创建组件变量
 *     step2: 在使用界面完成组件注册
* */

var counter = {
    template: '<div><button @click="increment">{{number}}</button></div>',// 单根模板
    /**
     * data 使用工程方法 返回数据
     * 每次返回的数据都是全新的
     * **/
    data: function () {
        return {
            number: 0
        }
    }, methods: {
        increment: function () {
            this.number++;
        }
    }
}
/**
 * es6 模块化机制
 *    export default
 *    （html  script  type=module）
 *    import .. from [文件名称]
* */

export default{
   counter
}

/*export  {
    counter
}*/


/*
/!*2。全局注册*!/
Vue.component("counter", {
    template: '<button @click="increment">{{number}}</button>',
    data: function () {
        return {
            number: 0
        }
    }, methods: {
        increment: function () {
            this.number++;
        }
    }
});*/
